<link href="trd/jquery/common.css" type="text/css" rel="stylesheet">
<link href="trd/jquery/index.css" type="text/css" rel="stylesheet">
<div>
    <div id="commentArea" class="comment" style="background: #ededed">
        <div class="conmReview">
            <div style="width: 100%;float:left">
                <!--<input id="comInput" style="width:100%" ng-model="sendComn" type="text" class="form-control" placeholder="评论一下吧">-->
                <textarea id="comInput" ng-model="sendComn" class="commTextarea"></textarea>
                <!--&lt;!&ndash;图片上传功能&ndash;&gt;-->
                <!--&lt;!&ndash;<div ng-if="commentShowPic">&ndash;&gt;-->
                    <!--<div class="img-box full">-->
                        <!--<section class=" img-section">-->
                            <!--&lt;!&ndash;<p class="up-p"><span class="up-span">最多可以上传5张图片，马上上传</span></p>&ndash;&gt;-->
                            <!--<div class="z_photo upimg-div clear" >-->
                                <!--<section class="z_file fl">-->
                                    <!--<img src="static/a11.png" class="add-img">-->
                                    <!--<input type="file" name="file" id="file" class="file" value="" accept="image/*;capture=camera" multiple />-->
                                <!--</section>-->
                            <!--</div>-->
                        <!--</section>-->
                    <!--</div>-->
                    <!--<aside class="mask works-mask">-->
                        <!--<div class="mask-content">-->
                            <!--<p class="del-p ">您确定要删除图片吗？</p>-->
                            <!--<p class="check-p"><span class="del-com wsdel-ok">确定</span><span class="wsdel-no">取消</span></p>-->
                        <!--</div>-->
                    <!--</aside>-->
                <!--评论模态框的上传图片-->
                <div style="float:left;margin: 15px 0;">
                    <div style="width: 50px;" class="inputBg">
                        <!-- 图片选择框 -->
                        <form id="uploadImagForm">
                            <input id="file" type="file" onchange='PreviewImage(this)'  class="uploadInput" accept="image/*;capture=camera" multiple/>
                        </form>
                        <!-- 图片展示容器 -->
                        <div class="img-cont imgCont"></div>
                    </div>
                </div>
             </div>
            <!--</div>-->
            <div class="conmReview_btn" style="width:100%;float:left">
                <button ng-click="cancelCom()" class="btn comBtnOne" style="margin-left: 0">取消</button>
                <button ng-click="sendCom()" class="btn comBtnTwo">发送</button>
            </div>
        </div>
    </div>
    <div id="comm_text_footer" class="comm_text_footer">
        <div class="coment-footer" style="padding: 5px 15px;">
            <span ng-click="showModeAndRepley($event)" class="com-footer-left"><img src="static/35.png"><input type="text" ng-model="commeInputs"></span>
            <span ng-click="commentJump()" class="liveFooRig"><img src="static/26.png" ><span class="badge liveFooRigPos">{{newComCounts||0}}</span></span>
        </div>
    </div>
</div>

<!--评论内容-->
<!--热门评论-->
<div id="commenCon" ng-if="commenCon.length>0">
    <div class="detailActComm"><span>热门评论</span></div>
    <div class="comm_hot_con">
        <div ng-repeat="item in commenCon|limitTo:2" class="comm_repeat" comm-repeat-finish>
            <div class="comm_hot_phto"><p><img ng-if="item.userID>0" src="{{item.userIcon}}" onerror="changeUserIcon(this)"><img ng-if="item.userID==0" src="static/57.png"><img ng-if="item.userID<0" src="{{siteConfigDefaultIcon}}" onerror="changeOffialUserIcon(this)"></p></div>
            <div class="comm_hot_conts">
                <div class="comm_hot_main" style="margin-bottom: 1.333rem">
                    <div class="commt_con"><a ng-if="item.userID>=0" class="complUserName">{{item.userName}}</a><a ng-if="item.userID<0" class="complUserName">{{defaultName}}</a><span class="complUserTime">{{item.created|actHour}}</span></div>
                    <div ng-click="replayCom(item.id,item.userName,item.userID)" style="margin-top: 15px;color: #333333;">{{item.content}}</div>
                </div>
                <div ng-if="item.attachments[0].url" class="comm_hot_conts_img">
                    <img ng-src="{{item.attachments[0].url}}">
                </div>
                <!--回复-->
                <div ng-repeat="reply in item.topDiscuss.list" class="comm_hot_reply">
                    <div >
                        <div id="commt_com_repla"><a ng-if="reply.userID>=0">{{reply.userName}}</a><a ng-if="reply.userID<0">{{defaultName}}</a></div>
                        <div ng-click="replayCom(reply.id,reply.userName)" class="commt_com_repla_con">{{reply.content}}</div>
                    </div>
                    <div ng-if="reply.attachments[0].url" class="comm_hot_conts_img">
                        <img ng-src="{{reply.attachments[0].url}}">
                    </div>
                </div>
                <div ng-if="item.topDiscuss.list.length>2&&hotlunchaMorChilCom" ng-click="hotcheckMorChildCom(item.id,$index)" class="com-childen-more">更多{{item.topDiscuss.list.length}}条回复 <span class="glyphicon glyphicon-chevron-right"></span></div>
                <div ng-if="item.topDiscuss.list.length>2&&hothasChildMorCom.index" class="com-childen-more">更多评论回复</div>
                <!--<div ng-if="item.topDiscuss.list.length>2&&hothasNoChildMorCom.index" class="com-childen-more">没有更多评论回复</div>-->
            </div>
        </div>
    </div>
</div>
<!--最新评论-->
<div id="newComCon">
    <div class="detailActComm"><span>最新评论</span></div>
    <no-latest-comments ng-if="newCommenCon.length<=0"></no-latest-comments>
    <div ng-if="newCommenCon.length>0" class="comm_hot_con">
        <div ng-repeat="item in newCommenCon|limitTo:5" class="comm_repeat" comm-repeat-finish>
            <div class="comm_hot_phto"><p><img ng-if="item.userID>0" src="{{item.userIcon}}" onerror="changeUserIcon(this)"><img ng-if="item.userID==0" src="static/57.png"><img ng-if="item.userID<0" src="{{siteConfigDefaultIcon}}" onerror="changeOffialUserIcon(this)"></p></div>
            <div class="comm_hot_conts">
                <div class="comm_hot_main" style="margin-bottom: 1.333rem">
                    <div class="commt_con"><a ng-if="item.userID>=0" class="complUserName">{{item.userName}}</a><a ng-if="item.userID<0" class="complUserName">{{defaultName}}</a><span class="complUserTime">{{item.created|actHour}}</span></div>
                    <div ng-click="replayCom(item.id,item.userName,item.userID)" style="margin-top: 15px;color: #333333;">{{item.content}}</div>
                </div>
                <div ng-if="item.attachments[0].url" class="comm_hot_conts_img">
                    <img ng-src="{{item.attachments[0].url}}">
                </div>
                <!--回复-->
                <div ng-repeat="reply in item.topDiscuss.list" class="comm_hot_reply">
                    <div>
                        <div class="commt_com_repla"><a ng-if="reply.userID>=0">{{reply.userName}}</a><a ng-if="reply.userID<0">{{defaultName}}</a></div>
                        <div ng-click="replayCom(reply.id,reply.userName)" class="commt_com_repla_con">{{reply.content}}</div>
                    </div>
                    <div ng-if="reply.attachments[0].url" class="comm_hot_conts_img">
                        <img ng-src="{{reply.attachments[0].url}}">
                    </div>
                </div>
                <div ng-if="item.topDiscuss.list.length>2&&lunchaMorChilCom" ng-click="checkMorChildCom(item.id,$index)" class="com-childen-more">更多{{item.topDiscuss.list.length}}条回复 <span class="glyphicon glyphicon-chevron-right"></span></div>
                <div ng-if="item.topDiscuss.list.length>2&&hasChildMorCom.index" class="com-childen-more">更多评论回复</div>
                <!--<div ng-if="item.topDiscuss.list.length>2&&hasNoChildMorCom.index" class="com-childen-more">没有更多评论回复</div>-->
            </div>
        </div>
    </div>
</div>
<div ng-if="hasMorCom" style="text-align: center;margin-top: 15px;color: #333333;" ng-click="jump('/commTpl/'+detailData.fileId+'type0topic'+detailData.title)">查看全部{{newComCounts}}条评论</div>

<!--//模态框-->
<div id="commentModle" class="commentMod"></div>
<!--<script type="text/javascript"  src="trd/jquery/imgUp.js"></script>-->
<!--<script>-->

<!--</script>-->
<style>
    /*评论上传图片*/
    .uploadInput{
        padding: 0;
        height: 30px;
        width: 50px;
        opacity: 0;
    }
    .img-cont{
        width:200px;
        overflow: hidden;
        /*position: absolute;*/
        left: 48px;
    }

    .img-cont>div{
        position: relative;
        width:100%;
        height:100%;
        /*border:1px solid #777;*/
        float:left;
    }

    .img-cont>div>a{
        width:60px;
        height:30px;
        border-radius:4px;
        line-height: 30px;
        text-align: center;
        color:#fff;
        display: block;
        background: #317ef3;
        cursor: pointer;
        position: absolute;
        top: 0;
        right: 0;
    }
</style>
<script  src="trd/jquery/jquery-1.11.1.min.js"></script>
<script  src="trd/imgUpload/index.js"></script>